import QtQuick 2.6
import QtQuick.Layouts 1.1

import "../Base/UiBase"
import "../Base/Config"

Column {
    id: root
    width: 190 * Size.ratio
    spacing: 0
    Item {
        width: parent.width
        height: 14 * Size.ratio //19.798989873223330683223642138936
        Rectangle {
            x: parent.width * 0.8 - width / 2
            width: parent.height * 1.4142135623730950488016887242097
            height: width
            anchors {
                top: parent.bottom
                topMargin: -height / 2
            }
            color: Color.foreground

            transformOrigin: Rectangle.Center
            rotation: 45

            //transform: Scale {
            //    id: sc
            //    xScale: 26 / 28
            //}
        }
    }
    Rectangle {
        width: parent.width
        height: row.height
        color: Color.foreground
        radius: 5 * Size.ratio
        Column {
            id: row
            width: parent.width
            spacing: 0

            Item {
                width: parent.width
                height: 10 * Size.ratio
            }
            SvgzImage {
                width: 190 * Size.ratio
                height: 46 * Size.ratio
                source: "../../resources/communication/tianjia.svg"
                MouseArea {
                    anchors.fill: parent
                    //onClicked: privateMessage.visible = true
                }
                BottomDivider {
                    x: 15 * Size.ratio
                    width: parent.width - x - x
                }
            }
            SvgzImage {
                width: 190 * Size.ratio
                height: 46 * Size.ratio
                source: "../../resources/communication/shanchu.svg"
                MouseArea {
                    anchors.fill: parent
                    //onClicked: commentMessage.visible = true
                }
                BottomDivider {
                    x: 15 * Size.ratio
                    width: parent.width - x - x
                }
            }
            SvgzImage {
                width: 190 * Size.ratio
                height: 46 * Size.ratio
                source: "../../resources/communication/heimingdan.svg"
                MouseArea {
                    anchors.fill: parent
                    //onClicked: commentMessage.visible = true
                }
                BottomDivider {
                    x: 15 * Size.ratio
                    width: parent.width - x - x
                }
            }
            SvgzImage {
                width: 190 * Size.ratio
                height: 46 * Size.ratio
                source: "../../resources/communication/jubao.svg"
                MouseArea {
                    anchors.fill: parent
                    //onClicked: generalMessage.visible = true
                }
            }
        }
    }
    //PrivateMessage {
    //    id: privateMessage
    //    parent: indexRoot
    //    anchors.fill: parent
    //    visible: false
    //    onReturnClicked: {
    //        root.visible = visible = false
    //    }
    //}
    //CommentMessage {
    //    id: commentMessage
    //    parent: indexRoot
    //    anchors.fill: parent
    //    visible: false
    //    onReturnClicked: {
    //        root.visible = visible = false
    //    }
    //}
    //GeneralMessage {
    //    id: generalMessage
    //    parent: indexRoot
    //    anchors.fill: parent
    //    visible: false
    //    onReturnClicked: {
    //        root.visible = visible = false
    //    }
    //}
}
